<template>
  <div id="app" v-loading="loading">
    <el-form
      class="form"
      label-position="top"
      :model="configObj"
      :rules="rules"
      ref="ruleForm"
      v-loading="loading"
      element-loading-custom-class="rightFixedLoad"
    >
      <div class="title">平台信息</div>
      <el-row :gutter="25">
        <el-col :span="4">
          <div class="grid-content bg-purple">
            <el-form-item label="平台名称" prop="platform_name">
              <el-input v-model="configObj.platform_name"></el-input>
            </el-form-item>
          </div>
        </el-col>
        <el-col :span="4">
          <div class="grid-content bg-purple">
            <el-form-item label="最低充值（元）" prop="minRecharge">
              <el-input type="number" v-model="configObj.minRecharge"></el-input>
            </el-form-item>
          </div>
        </el-col>
        <el-col :span="4">
          <div class="grid-content bg-purple">
            <el-form-item label="最低提现（元）" prop="minCash">
              <el-input v-model="configObj.minCash"></el-input>
            </el-form-item>
          </div>
        </el-col>
        <el-col :span="4">
          <div class="grid-content bg-purple">
            <el-form-item label="最高提现（元）" prop="maxCash">
              <el-input v-model="configObj.maxCash"></el-input>
            </el-form-item>
          </div>
        </el-col>
        <el-col :span="4">
          <div class="grid-content bg-purple">
            <el-form-item label="每日提现次数" prop="cashCount">
              <el-input v-model="configObj.cashCount"></el-input>
            </el-form-item>
          </div>
        </el-col>
        <el-col :span="4">
          <div class="grid-content bg-purple">
            <el-form-item label="最多置顶x任务" prop="maxTopLimit">
              <el-input v-model="configObj.maxTopLimit"></el-input>
            </el-form-item>
          </div>
        </el-col>
        <el-col :span="4">
          <div class="grid-content bg-purple">
            <el-form-item label="低于x元机器人自动打款" prop="minAutoPayment">
              <el-input v-model="configObj.minAutoPayment"></el-input>
            </el-form-item>
          </div>
        </el-col>
        <el-col :span="4">
          <div class="grid-content bg-purple">
            <el-form-item label="限制上传图片大小（M）" prop="photoSize">
              <el-input v-model="configObj.photoSize"></el-input>
            </el-form-item>
          </div>
        </el-col>
        <el-col :span="4">
          <div class="grid-content bg-purple">
            <el-form-item label="默认截至时间（小时）" prop="task_deadline_time">
              <el-input v-model="configObj.task_deadline_time"></el-input>
            </el-form-item>
          </div>
        </el-col>
        <el-col :span="4">
          <div class="grid-content bg-purple">
            <el-form-item label="仲裁默认复审（小时）" prop="reviewCaseTime">
              <el-input v-model="configObj.reviewCaseTime"></el-input>
            </el-form-item>
          </div>
        </el-col>
        <el-col :span="4">
          <div class="grid-content bg-purple">
            <el-form-item label="默认自动通过（分钟）" prop="task_limited_time_approve">
              <el-input v-model="configObj.task_limited_time_approve"></el-input>
            </el-form-item>
          </div>
        </el-col>
        <el-col :span="4">
          <div class="grid-content bg-purple">
            <el-form-item label="默认限时完成（分钟）" prop="task_limited_time">
              <el-input v-model="configObj.task_limited_time"></el-input>
            </el-form-item>
          </div>
        </el-col>
        <el-col :span="4">
          <div class="grid-content bg-purple">
            <el-form-item label="分站域名列表">
              <el-input type="textarea" :rows="2" v-model="configObj.substationDomainList"></el-input>
            </el-form-item>
          </div>
        </el-col>
        <el-col :span="4">
          <div class="grid-content bg-purple">
            <el-form-item label="等级勋章介绍">
              <el-input type="textarea" :rows="2" v-model="configObj.gradeInstroduce"></el-input>
            </el-form-item>
          </div>
        </el-col>
        <el-col :span="4">
          <div class="grid-content bg-purple">
            <el-form-item label="推广规则" prop="inviteInstroduce">
              <el-input type="textarea" :rows="2" v-model="configObj.inviteInstroduce"></el-input>
            </el-form-item>
          </div>
        </el-col>
        <el-col :span="4">
          <div class="grid-content bg-purple">
            <el-form-item label="首页弹窗公告" prop="indexLayer">
              <el-input type="textarea" :rows="2" v-model="configObj.indexLayer"></el-input>
            </el-form-item>
          </div>
        </el-col>
        <el-col :span="4">
          <div class="grid-content bg-purple">
            <el-form-item label="30天内x次修改收款" prop="receivablesCount">
              <el-input-number style="width:100%;" v-model="configObj.receivablesCount"></el-input-number>
            </el-form-item>
          </div>
        </el-col>
        <el-col :span="4">
          <div class="grid-content bg-purple">
            <el-form-item label="重复图片限制/一天" prop="pictureCheck">
              <el-input v-model="configObj.pictureCheck"></el-input>
            </el-form-item>
          </div>
        </el-col>
      </el-row>

      <div class="title">收费项目</div>
      <el-row :gutter="25">
        <el-col :span="4">
          <div class="grid-content bg-purple">
            <el-form-item label="任务手续费%" prop="amount_platform_ratio">
              <el-input v-model="configObj.amount_platform_ratio"></el-input>
            </el-form-item>
          </div>
        </el-col>
        <el-col :span="4">
          <div class="grid-content bg-purple">
            <el-form-item label="提现手续费%" prop="cashService">
              <el-input v-model="configObj.cashService"></el-input>
            </el-form-item>
          </div>
        </el-col>
        <el-col :span="4">
          <div class="grid-content bg-purple">
            <el-form-item label="置顶1小时收费（元）" prop="topHourFee">
              <el-input v-model="configObj.topHourFee"></el-input>
            </el-form-item>
          </div>
        </el-col>
        <el-col :span="4">
          <div class="grid-content bg-purple">
            <el-form-item label="分站价格（元）">
              <el-input v-model="configObj.substationPrice"></el-input>
            </el-form-item>
          </div>
        </el-col>
      </el-row>

      <div class="title">代理佣金</div>
      <el-row :gutter="25">
        <el-col :span="4">
          <div class="grid-content bg-purple">
            <el-form-item label="下级默认返佣" prop="fatherAcceptCommission">
              <el-input v-model="configObj.fatherAcceptCommission"></el-input>
            </el-form-item>
          </div>
        </el-col>
        <el-col :span="4">
          <div class="grid-content bg-purple">
            <el-form-item label="下下级默认返佣" prop="grandpaAcceptCommission">
              <el-input v-model="configObj.grandpaAcceptCommission"></el-input>
            </el-form-item>
          </div>
        </el-col>
        <el-col :span="4">
          <div class="grid-content bg-purple">
            <el-form-item label="分站开通下级返佣%">
              <el-input v-model="configObj.fatherSubstationPrice"></el-input>
            </el-form-item>
          </div>
        </el-col>
        <el-col :span="4">
          <div class="grid-content bg-purple">
            <el-form-item label="分站开通下下级返佣%">
              <el-input v-model="configObj.grandpaSubstationPrice"></el-input>
            </el-form-item>
          </div>
        </el-col>
      </el-row>

      <div class="title">奖励规则</div>
      <el-row :gutter="25">
        <!-- <el-col :span="4">
                    <div class="grid-content bg-purple">
                        <el-form-item label="第1阶段完成数量"
                            prop="firstphaseTaskcount"
                        >
                            <el-input
                                v-model="configObj.firstphaseTaskcount"
                            ></el-input>
                        </el-form-item>
                    </div>
                </el-col>
                <el-col :span="4">
                    <div class="grid-content bg-purple">
                        <el-form-item label="第2阶段完成数量"
                            prop="secondphaseTaskcount"
                        >
                            <el-input
                                v-model="configObj.secondphaseTaskcount"
                            ></el-input>
                        </el-form-item>
                    </div>
                </el-col>
                <el-col :span="4">
                    <div class="grid-content bg-purple">
                        <el-form-item label="第3阶段完成数量"
                            prop="thirdphaseTaskcount"
                        >
                            <el-input
                                v-model="configObj.thirdphaseTaskcount"
                            ></el-input>
                        </el-form-item>
                    </div>
                </el-col>
                <el-col :span="4">
                    <div class="grid-content bg-purple">
                        <el-form-item label="第1阶段奖励（元）"
                            prop="firstphaseTaskreward"
                        >
                            <el-input
                                v-model="configObj.firstphaseTaskreward"
                            ></el-input>
                        </el-form-item>
                    </div>
                </el-col>
                <el-col :span="4">
                    <div class="grid-content bg-purple">
                        <el-form-item label="第2阶段奖励（元）"
                            prop="secondphaseTaskreward"
                        >
                            <el-input
                                v-model="configObj.secondphaseTaskreward"
                            ></el-input>
                        </el-form-item>
                    </div>
                </el-col>
                <el-col :span="4">
                    <div class="grid-content bg-purple">
                        <el-form-item label="第3阶段奖励（元）"
                            prop="thirdphaseTaskreward"
                        >
                            <el-input
                                v-model="configObj.thirdphaseTaskreward"
                            ></el-input>
                        </el-form-item>
                    </div>
        </el-col>-->
        <el-col :span="4">
          <div class="grid-content bg-purple">
            <el-form-item label="初中级完成数量" prop="difficultyAcceptCount">
              <el-input v-model="configObj.difficultyAcceptCount"></el-input>
            </el-form-item>
          </div>
        </el-col>
        <el-col :span="4">
          <div class="grid-content bg-purple">
            <el-form-item label="高级完成数量" prop="seniorTaskRewardCount">
              <el-input v-model="configObj.seniorTaskRewardCount"></el-input>
            </el-form-item>
          </div>
        </el-col>
        <el-col :span="4">
          <div class="grid-content bg-purple">
            <el-form-item label="完成初级任务奖励" prop="初级任务奖励">
              <el-input v-model="configObj.reward1Money"></el-input>
            </el-form-item>
          </div>
        </el-col>
        <el-col :span="4">
          <div class="grid-content bg-purple">
            <el-form-item label="完成中级任务奖励" prop="reward2Money">
              <el-input v-model="configObj.reward2Money"></el-input>
            </el-form-item>
          </div>
        </el-col>
        <el-col :span="4">
          <div class="grid-content bg-purple">
            <el-form-item label="完成高级任务奖励" prop="reward3Money">
              <el-input v-model="configObj.reward3Money"></el-input>
            </el-form-item>
          </div>
        </el-col>
        <el-col :span="4">
          <div class="grid-content bg-purple">
            <el-form-item label="补贴规则" prop="rewardRule">
              <textarea
                class="el-textarea__inner"
                v-model="configObj.rewardRule"
                style="height: 40px;padding: 5px 15px;"
              ></textarea>
            </el-form-item>
          </div>
        </el-col>
        <el-col :span="4">
          <div class="grid-content bg-purple">
            <el-form-item label="邀请排行奖励（元）" prop="sysrangeReward">
              <el-input v-model="configObj.sysrangeReward"></el-input>
            </el-form-item>
          </div>
        </el-col>
        <el-col :span="4">
          <div class="grid-content bg-purple">
            <el-form-item label="邀请界面，可赚x元" prop="lowestUsermoney">
              <el-input v-model="configObj.lowestUsermoney"></el-input>
            </el-form-item>
          </div>
        </el-col>
        <el-col :span="4">
          <div class="grid-content bg-purple">
            <el-form-item label="下级完成n次任务（元）" prop="subordinateFirstTask">
              <el-input v-model="configObj.subordinateFirstTask"></el-input>
            </el-form-item>
          </div>
        </el-col>
        <el-col :span="4">
          <div class="grid-content bg-purple">
            <el-form-item label="下级绑定微信号（元）" prop="subordinateFirstLoginApp">
              <el-input v-model="configObj.subordinateFirstLoginApp"></el-input>
            </el-form-item>
          </div>
        </el-col>
        <el-col :span="4">
          <div class="grid-content bg-purple">
            <el-form-item label="下级首次提现（元）" prop="subordinateFirstDrawn">
              <el-input v-model="configObj.subordinateFirstDrawn"></el-input>
            </el-form-item>
          </div>
        </el-col>
        <el-col :span="4">
          <div class="grid-content bg-purple">
            <el-form-item label="绑定微信奖励区间" prop="rewardeMoney">
              <el-input v-model="configObj.rewardeMoney"></el-input>
            </el-form-item>
          </div>
        </el-col>

        <el-col :span="4">
          <div class="grid-content bg-purple">
            <el-form-item label="下级需要完成X次任务" prop="subordinateFinishTaskCount">
              <el-input v-model.number="configObj.subordinateFinishTaskCount"></el-input>
            </el-form-item>
          </div>
        </el-col>

      </el-row>
      <div class="title">分享文案</div>
      <el-row :gutter="25">
        <el-col :span="8">
          <div class="grid-content bg-purple">
            <el-form-item label="标题" prop="inviteCopyTitle">
              <el-input type="textarea" v-model="configObj.inviteCopyTitle"></el-input>
            </el-form-item>
          </div>
        </el-col>
        <el-col :span="12">
          <div class="grid-content bg-purple">
            <el-form-item label="内容" prop="inviteCopyContent">
              <el-input  type="textarea" v-model="configObj.inviteCopyContent"></el-input>
            </el-form-item>
          </div>
        </el-col>
      </el-row>

      <div class="title">客服</div>
      <el-row :gutter="25">
        <el-col :span="4">
          <div class="grid-content bg-purple">
            <el-form-item label="客服QQ">
              <el-input v-model="configObj.customerQq"></el-input>
            </el-form-item>
          </div>
        </el-col>
        <el-col :span="4">
          <div class="grid-content bg-purple">
            <el-form-item label="客服微信">
              <el-input v-model="configObj.customerWechat"></el-input>
            </el-form-item>
          </div>
        </el-col>
        <el-col :span="4">
          <div class="grid-content bg-purple">
            <el-form-item label="客服电话">
              <el-input v-model="configObj.customerMobile"></el-input>
            </el-form-item>
          </div>
        </el-col>
        <el-col :span="4">
          <div class="grid-content bg-purple">
            <el-form-item label="QQ群群号">
              <el-input v-model="configObj.customerQQgroup"></el-input>
            </el-form-item>
          </div>
        </el-col>
      </el-row>

      <el-form-item>
        <el-button type="primary" style="margin-top:40px;" @click="submitForm('ruleForm')">立即保存</el-button>
      </el-form-item>
    </el-form>
  </div>
</template>

<script>
import SystemConfig from "./index.js";
export default SystemConfig;
</script>
<style lang="scss" scoped>
.title {
  margin-bottom: 12px;
  font-size: 21px;
  margin-top: 65px;
}
</style>
